<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>访问节点</title>
    <link rel="stylesheet" href="css/newStyle.css">
</head>

<body>
    <section id="news">
        <header>京东头条<a href="#">更多 > </a></header>
        <ul>
            <li><a href="#">鼠标满300减30</a></li>
            <li><a href="#">京东生鲜极速达</a></li>
            <li><a href="#">99元抢平板！品牌秒杀</a></li>
            <li><a href="#">格力节能领跑京东优惠购物节</a></li>
            <li><a href="#">苏泊尔电器大促满199-100</a></li>
        </ul>
    </section>

    <script>
        // IE浏览器中，如果在谷歌/火狐等浏览器中的===>空行识别为一个元素节点--未定义状态-undefined
        let ss = document.getElementById("news");
        //let li3 = ss.lastChild.firstChild.nextSibling.nextSibling.innerHTML;
      //  console.log(li3);

       // let li3_1 = ss.lastChild.lastChild.previousSibling.previousSibling.previousSibling.previousSibling.innerHTML;
        //console.log(li3_1);

        // 谷歌中表达
        let ss1 = document.getElementById("news");
        let li31 = ss.lastElementChild.firstElementChild.nextElementSibling.nextElementSibling.innerHTML;
        console.log(li31);


        // 适配不同的浏览器：
        let first1 = ss1.firstChild || ss1.firstElementChild;
        
        //获取更多


    </script>

</body>

</html>